// define(["jquery"],function($){
// 	$.ajax( {
// 		type:"get",
// 		url: "/html/include/header.html",
// 		success: function(data) {
// 			$("header").html(data);
// 			
// 			//为搜索框 绑定事件
// 			$(".search> input:first").keyup(function(){
// 				console.log("输入成功");
// 				var 
// 					word= $(this).val(),
// 					url = `https://suggest.taobao.com/sug?code=utf-8&q=${word}&callback=?`;
// 				$.getJSON(url,function(data){
// 					var html= "";
// 					data.result.forEach(function(curr){
// 						html += `<div>${curr[0]}</div>`
// 					} );
// 					// 输入候选建议dao suggest中
// 					$(".suggest").html(html);
// 				} );
// 			//keyup
// 			});
// 			
// 			// 添加点击输入事件
// 			$(".suggest").delegate("div","click",function(){
// 				$(".search>input:first").val( $(this).text() );
// 				$(".suggest").empty();
// 			} );	
// 		}
// 	});
// 	
// 	//加载尾部
// 	$("footer").load("/html/include/footer.html");
// })

define(["jquery"],function($){
	
	function Header(){
		// 调用加载函数
		this.load();
	}
	
	// header原型构造
	Header.prototype = {
		constructor : Header,
		//load函数
		load:function(){
			//头部,调用headerHandler
			$.get("/html/include/header.html", $.proxy(this.headHandler,this));
			//尾部 
			$("footer").load("/html/include/footer.html");
		},
		
		//头部加载任务的实现
		headHandler : function(data){
			//渲染网页头部内容
			$("header").html(data);
			//调用事件监听
			this.addListener();
		},
		
		//事件监听
		addListener: function(){
			// 为“搜索”框绑定按键事件
			$(".search>input:first").keyup(this.searchHandler);
			// 为 ".suggest" 的孩子 div 绑定点击事件：事件委派
			$(".suggest").on("click", "div", this.suggestHandler);
			//导航
			$(".color1, .color2").mouseenter(this.navEnter);
			$(".color1, .color2").mouseleave(this.navLeave);
			//color1,color2 的下面内容
			$(".megapanel").mouseenter( function(){
				$(this).stop().fadeIn(); //有间距需要暂停一下
			});
			$(".megapanel").mouseleave( function(){
				console.log("2");
				$(this).fadeOut();
			});
		},
		
		// 处理搜索框事件
		searchHandler: function() {
			var 
				word = $(this).val(),
				url = `https://suggest.taobao.com/sug?code=utf-8&q=${word}&callback=?`;
			$.getJSON(url, function(data){
				var html = "";
				data.result.forEach(function(curr){
					html += `<div>${curr[0]}</div>`;
				});
				$(".suggest").html(html);
			});			
		},
		// 点击提示
		suggestHandler: function() {
			$(".search>input:first").val($(this).text());
			$(".suggest").empty();
		},
		
		//导航行鼠标进入事件
		navEnter : function(){
			$(this).next().fadeIn();
		},
		navLeave : function(){
			console.log("鼠标移出");
			$(this).next().fadeOut();
		}
	}//Header.prototype	
	
	// 创建实例
	new Header();
})
